<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <main>
        <i class="iconfont icon-leftarrow cfff" id="goBack"></i>
        <div class="top">
            <div class="preview">
                <i class="iconfont icon-play" id="preview"></i>
                <span>视频预览</span>
            </div>
            <video muted></video>
        </div>

        <!-- 详细信息 -->
       
          <div class="container main-content">
            <h3 class="mt20" id="name"></h3>
            <!--视频标题-->
            <div class="detail-title">
                <div>
                    <span class="c10 f20" id="calorie"></span>千卡
                    <span class="c10 f20" id="time"></span>分钟
                </div>
                <div>
                    <span id="peopleNum"></span>w人练过
                    <i class="iconfont icon-jiantou"></i>
                </div>
            </div>
             <!--课程设计师-->
             <div class="designer mt20">
                <div class="user">
                    <img src='../../assets/imgs/headerPic.jpg' alt="" id="imgUrl">
                    <div>
                        <h4 class="f18">用户名</h4>
                        <p class="f14 c8a mt16">三线达人课程设计师</p>
                    </div>
                </div>
              
            </div>
             <!--课程描述-->
             <p class="desc c8a f16 mt40" id="desc"></p>
      <!--练习频次-->
      <div class="mt20 c8a f14 exercise">
        <!--练习频次-->
        <div class="exercise-num">
            <h4 class="f16">
                <i class="iconfont icon-calorie f26 c10"></i>
                练习频次
            </h4>
            <p class="mt16 c8a f16">每周<span id="frequency"></span>次</p>
        </div>
        <!--器械-->
        <div class="apparatus">
            <h4 class="f16">
                <i class="iconfont icon-instrument f26 c10"></i>
                器械
            </h4>
            <p class="mt16 c8a f16" id="instrument"></p>
        </div>
    </div>
  
<!--开始训练-->
<button class="mt40 ipt" id="startBtn">开始训练</button>
   
            </main>
</body>
</html>